console.log("执行了letter")
function reding(ele) {
    console.log("点击事件")
    letters = document.getElementById('letters');
    btn = ele.target
    card = btn.parentNode.parentNode;
    this.cardent = card
    cardBody = card.getElementsByClassName('card-body')[0];
    card.style.height = window.getComputedStyle(card).height;
    cardBody.style.height = window.getComputedStyle(cardBody).height;
    this.cardHeight = card.style.height
    this.cardBodyHeight = cardBody.style.height
    // 信纸元素
    letter_paper_box = document.getElementById('letter_paper_box')
    if (cardBody.style.height == window.getComputedStyle(cardBody).height) {
        // 动画消失
        card.style.height = "100%";
        cardBody.style.height = "100%";
        card.style.opacity = 0;
        letters.style.opacity = 0;
        letters.style.top = "-80px";
        // 展现
        letter_paper_box.style.display = "inline-block"
        letter_paper_box.style.opacity = 0

        // 2s后隐藏控件
        setTimeout(() => {
            letters.style.display = "none";
            letter_paper_box.style.opacity = 1
            // 回到顶部
            document.documentElement.scrollTop = 0;
            document.body.scrollTop = 0;
        }, 2000);

    }
}